body,html{height: 100%;}
#box{width: 640px;height: 100%;display: -webkit-box;-webkit-box-orient: vertical;}
.header-top{height:140px;position: relative;overflow: hidden;position: fixed;top: 0;}
.car-shop{position: absolute;right: 35px;top: 24px;height: 50px;width: 104px;background:#c80f0d;border-radius: 14px 14px;}
.top-middle{height: 90px;background: #a90506;position: relative;}
.car-shop i{font-size: 40px;}
.top-middle h2{text-align: center;line-height: 90px;color: #FFFFFF;font-size: 26px;}
.group-list{height: 68px;background: #9B9B9B;}
.content{-webkit-box-flex: 1;margin-top:140px ;overflow: scroll;}
.content img{width: 244px;height: 244px;border: 1px solid gainsboro;}
.common-style {display:block;color:#464646;padding:36px 36px 0 36px;width: 244px;float: left;}
.imgname{overflow: hidden;text-align: center;height: 64px;line-height: 64px;font-size: 24px;}
.real-price{font-size: 24px;color: red;}
.discount{float: right;padding-right: 10px;font-size: 20px;color: #f3f3f5;}
.icon{font-size: 28px;}

.activ{color:#fff;}
.list-pic{padding-left: 20px;overflow: scroll;}
.list-pic li{position:relative;float: left;width: 54px;text-align: center;line-height:48px ;}
.list-pic li p{position: absolute;left:22px;bottom: 0;}
.arrow{border-bottom: 10px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.foot{position:fixed;bottom:0;width:100%;height:98px;background: #484850;display: -webkit-box;-webkit-box-orient: horizontal;}
.common-page{padding-top:10px;-webkit-box-flex: 1;text-align: center;position:relative;}
.foot i{font-size: 52px;}
.foot a{color:#fff;}
.foot span{display: block;}
.active{height: 5px;width:100%;background: red;display: block;position: absolute;top: 0;left: 0;}



















